@media (max-width:1340px){

/* navigation bar */
#navbar{
    flex-direction: column;
    align-items: center;
    justify-items: center;
}    

#navbar::before{
    height: 140px;
}

#navbar ul{
    margin: -3px;
}

#navbar ul li a{
    font-size: 1rem;
}

#navbar ul a:hover{
    transition:all 1s 0s ease-in-out ;
}

/* Home section */

#section{
    text-align: center;
}

#section::before{
    background: url(/IMGs/Gate\ IMG.jpg) no-repeat center center/cover;
    height: 428px;
}

.heading{
    font-size: 2rem;
}

.heading-hin{
    font-size: 1.6rem;
}

#section p{
    color: black;
}

/* About section */

.h2 {
    width: 145px;
    margin: 5px;
}

video{
    height: 50%;
}

#About{
    display: none;
}

#head{
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
}

#about{
    flex-wrap: wrap;
}

.para{
    width: 300px;
    height: 300px;
}

.top{
    width: 125px;
    font-size: 0.9rem;
}

.aot a{
    margin-top: -5px;
}

/* Contact Section */

#had{
    display: none;
}

#hed{
    align-items: center;
    justify-content: center;
    display: flex;
}

#contact form{
    padding: 0px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

#contact form input{
    width:260px;
    padding: 0px;
}

#contact form label{
    /* color: chartreuse; */
    width: 165px;
}

#contact form textarea{
    width: 260px;
    padding: 0px 5px;
}

#contact form::before{
    content: "";
    width: 100%;
    height: 105%;
    position:absolute;
   border: 1px solid black;
   background: url(./bgimg2.jpg) no-repeat center center/cover;
   opacity: 10;
   z-index: -1;
} 

/* Utility Classes */

.hed{
    display: flex;
    border: 2px solid red;
    font-size:1.3rem;
    width: 145px;
    margin: 5px;
}

/* footer section */
footer{
    background-color: black;
    font-size: 10px;
}

}